export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M197.8 369.4l3.6 4.2 272 313c9.2 10.6 23 17.2 38.4 17.2 15.4 0 29.2-6.8 38.4-17.2L822 374.2l4.6-5.2c3.4-5 5.4-11 5.4-17.4 0-17.4-14.8-31.6-33.2-31.6l0 0L225.2 320l0 0c-18.4 0-33.2 14.2-33.2 31.6C192 358.2 194.2 364.4 197.8 369.4z"></path>
            </svg>
        </span>
    )
}